<!DOCTYPE html>
<html lang="en">
   	<head>
		<meta charset="UTF-8">
		<title>选择意向楼盘</title>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="keywords" content="这里写关键字">
		<meta name="description" content="这里写页面描述">
		<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 
		<meta name="format-detection" content="telephone=no,email=no" />
		<link href="fontAwesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
</head>
<body>
	<div class="container">
		<ul>
			<li class="list-info-view-childen">
				<div class="import-title">上海</div>
				<ul>
					<li class="view-childen-list active">[浦东新区] 东方雅园<i class="fa fa-check"></i></li>
					<li class="view-childen-list">[浦东新区] 东方雅园<i class="fa fa-check"></i></li>
					<li class="view-childen-list">[浦东新区] 东方雅园<i class="fa fa-check"></i></li>
				</ul>
			</li>
			<li class="list-info-view-childen">
				<div class="import-title">南京</div>
				<ul>
					<li class="view-childen-list">[浦东新区] 东方雅园<i class="fa fa-check"></i></li>
					<li class="view-childen-list">[浦东新区] 东方雅园<i class="fa fa-check"></i></li>
					<li class="view-childen-list">[浦东新区] 东方雅园<i class="fa fa-check"></i></li>
				</ul>
			</li>
		</ul>
	</div>
</body>
<script type="text/javascript">
	$(function(){
		$(".view-childen-list").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
			$(this).parents(".list-info-view-childen").siblings().find(".view-childen-list").removeClass("active");
		})
	})
</script>
</html>
